document.addEventListener('loadstop', function() {
	for (i=0; i<sessionStorage.length;i++){
		var monobjet_json=sessionStorage.getItem(i);
		var monobjet = JSON.parse(monobjet_json);
		
	if (monobjet['state']==-1) {
		
			var collapsible = $('<div data-role="collapsible" data-collapsed-icon="false" data-expanded-icon="false"><h3>'+monobjet["name"]+'</h3></div>');
			var slider = 'Souvenirs à gagner: '+monobjet["nbSouvenirs"]+'</br> Nombre de validation:'+monobjet["nbValidate"]+'</br>Description:'+monobjet["description"]+'</br> Lieux: ('+monobjet["latitude"]+';'+monobjet["longitude"]+')';
			slider += '</br><a href="#" data-role="button" data-mini="true" data-iconpos="notext" data-icon="lock" data-inline="true">flag</a><a href="#" data-role="button" data-mini="true" data-icon="check" data-inline="true">Envoyer</a>';
			$(collapsible).append(slider);
			$("#searchAll").append($(collapsible).collapsible()).trigger("create");
			//$("[data-role=content]").append($(collapsible).collapsible()).trigger("create");
			initializeMap(monobjet["latitude"],monobjet["longitude"])
		}
		
		else if (monobjet['state']==1){
			var collapsible = $('<div data-role="collapsible" data-collapsed-icon="false" data-expanded-icon="false"><h3>'+monobjet["name"]+'</h3></div>');
			var slider = 'Description:'+monobjet["description"]+'</br> Fun fact: '+monobjet["funFact"];
			$(collapsible).append(slider);
			$("#history").append($(collapsible).collapsible()).trigger("create");
		}
	}

});